<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="dns-prefetch" href="https://img.wpcom.cn/">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
    <title>登录_WPCOM</title>
    <meta name="applicable-device" content="pc,mobile">
    <!--{hook head_link_style.html}-->
    <script src="https://v-cn.vaptcha.com/v3.js"></script>
</head>
<body onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>
<!--{hook website_header.html}-->
<div class="login-wrap">
    <div class="container">
        <div class="login-form">
            <div id="_umfp" style="display:inline;width:1px;height:1px;overflow:hidden"></div>
            <div class="form-wrap clearfix">
                <div class="form-inner">
                    <div class="form-title-wrap clearfix">
                        <h3 class="form-title">账号登录</h3>
                        <span class="pull-right">还没有账号？<a href="../../register.html">立即注册</a></span>
                    </div>
                    <div id="j-errmsg" class="errmsg"></div>
                    <form id="logForm" method="post">
                        <div class="form-group">
                            <label><i class="fa fa-envelope"></i> <input type="text" class="form-input require" id="email" name="email" placeholder="请输入登录邮箱"></label>
                        </div>
                        <div class="form-group">
                            <label><i class="fa fa-lock"></i> <input type="password" class="form-input require" id="password" name="password" placeholder="请输入登录密码"></label>
                        </div>

                        <div class="form-group tc">

                            <div   id="VAPTCHAContainer" style="width:100%;height: 36px;">
                                <!-- 下面代码为预加载动画代码，仅供参考 -->
                                <div class="VAPTCHA-init-main">
                                    <div class="VAPTCHA-init-loading">
                                        <a href="/" target="_blank">
                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px"
                                                 height="60px" viewBox="0 0 24 30"
                                                 style="enable-background: new 0 0 50 50; width: 14px; height: 14px; vertical-align: middle"
                                                 xml:space="preserve">
                        <rect x="0" y="9.22656" width="4" height="12.5469" fill="#CCCCCC">
                            <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s"
                                     repeatCount="indefinite"></animate>
                            <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s"
                                     repeatCount="indefinite"></animate>
                        </rect>
                                                <rect x="10" y="5.22656" width="4" height="20.5469" fill="#CCCCCC">
                                                    <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s"
                                                             repeatCount="indefinite"></animate>
                                                    <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s"
                                                             repeatCount="indefinite"></animate>
                                                </rect>
                                                <rect x="20" y="8.77344" width="4" height="13.4531" fill="#CCCCCC">
                                                    <animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s"
                                                             repeatCount="indefinite"></animate>
                                                    <animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s"
                                                             repeatCount="indefinite"></animate>
                                                </rect>
                    </svg>
                                        </a>
                                        <span class="VAPTCHA-text">Vaptcha Initializing...</span>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="checkbox">
                            <label><input type="checkbox" id="rememberme" name="rememberme" value="true">记住我的登录状态</label>
                        </div>
                        <div class="last"> <input class="btn btn-login btn-block btn-lg" type="submit" id="submit" value="登  录" data-loading-text="登录中..."></div>
                    </form>
                    <div class="form-footer">
                        <a data-toggle="modal" data-target="#rBox" href="#">忘记密码？</a>
                    </div>
                </div>

                <div class="form-social">
                    <div class="form-title-wrap clearfix">
                        <h3 class="form-title">第三方账号登录</h3>
                    </div>
                    <ul class="social-list">
                        <li class="social-item social-wechat"><a id="j-wechat" href="../../wechat.html"><i class="fa fa-weixin"></i> 微信账号登录</a></li>
                        <!--li class="social-item social-qq"><a href="show.html" target="_blank"><i class="fa fa-qq"></i> QQ账号登录</a></li>
                        <li class="social-item social-weibo"><a href="authorize-sina_login.html" target="_blank"><i class="fa fa-weibo"></i> 微博账号登录</a></li!-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Modal rBox -->
<div class="modal fade mini-modal" id="rBox" tabindex="-1" role="dialog" aria-labelledby="rModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="rModalLabel">重置密码</h4>
            </div>
            <form class="form-horizontal" role="form" id="rForm" action="/" method="post">
                <div class="modal-body">
                    <div class="form-group" style="margin-bottom: 0;">
                        <label for="email" class="col-sm-6 control-label">电子邮箱：</label>
                        <div class="col-sm-18">
                            <input type="text" class="form-control" id="remail" name="remail" placeholder="注册时使用的电子邮箱">
                            <span class="text-danger"></span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" data-loading-text="正在提交..." class="btn btn-primary btn-sm btn-loading">提 交</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--{hook website_footer.html}-->
<script>
    var VAPTobj = null;
    vaptcha({
        vid: '662555add3784602950e8614',
        mode: 'click',
        scene: 0,
        container: '#VAPTCHAContainer',
        area: 'auto',
    }).then(function (VAPTCHAObj) {
        // 将VAPTCHA验证实例保存到局部变量中
        VAPTobj = VAPTCHAObj;

        // 渲染验证组件
        VAPTCHAObj.render();

        // 验证成功进行后续操作
        VAPTCHAObj.listen('pass', function () {
            serverToken = VAPTCHAObj.getServerToken();
            var data = {
                server: serverToken.server,
                token: serverToken.token,
            }

            // 点击登录向服务器端接口提交数据，以下为伪代码，仅作参考
            $.post('/login', data, function (r) {
                if (r.code == 200) {
                    console.log('登录成功')
                } else {
                    console.log('登录失败')

                    // 账号或密码错误等原因导致登录失败，重置人机验证
                    VAPTobj.reset()
                }
            })
        })
    })
</script>
<script src="../../static/js/login.js"></script>
<script>var _login_page = 'nc_login';</script>
</body>
</html>